#ProductYuyueServerListView {
	display: none;
	z-index: 221;
	position: fixed;
	background: #f9f9f9;
	width: 50%;
	bottom: 0;
	font-size: 1.2em;
	left: 25%;
	padding-bottom: 1%;
	border-radius: .5em;
}

#ProductYuyueServerListView .tit {
	display: block;
	padding: 1em 1.5em;
}

#ProductYuyueServerListView .tit b {
	font-size: 1.4em;
	color: #000;
	float: left;
	padding: .2em .5em;
}

#ProductYuyueServerListView .tit .close {
	display: block;
	float: right;
	width: 1.8em;
	height: 1.8em;
	background-image: url(https://img.psy525.cn/image/ic_close.png);
	background-position: top top;
	background-repeat: no-repeat;
	background-size: 1.8em;
}

#ProductYuyueServerListView .des {
	display: block;
	padding: 1em 2.5em .2em 2.5em;
	clear: both;
}

#ProductYuyueServerListView .des i {
	display: block;
	padding: .7em 0;
	border-top: solid 1px #e8e8e8;
	font-size: .8em;
	color: #a7a7a7;
	font-style: normal;
}

#ProductYuyueServerListView .des br {
	line-height: 1.8em;
}

#ProductYuyueServerListView .slist {
	display: block;
	padding: 0 2em .6em 2em;
	clear: both;
}

#ProductYuyueServerListView .slist li {
	display: block;
}

#ProductYuyueServerListView .slist .avatar {
	text-align: center;
	position: absolute;
	left: 42%;
	height: 0;
	padding: 0;
}

#ProductYuyueServerListView .slist .avatar img {
	width: 7em;
	border-radius: 100em;
	border: solid 2px #fff;
	padding: .2em;
	background: #fff;
	position: relative;
	top: -8em;
	margin: 0 auto;
	filter: Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#ProductYuyueServerListView .slist .avatar img:hover {
	width: 7em;
	border-radius: 100em;
	border: solid 2px #fff;
	position: relative;
	top: -8em;
	margin: 0 auto;
	filter: Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#ProductYuyueServerListView .slist .item {
	margin: 2em 1em .5em 0;
	float: left;
	width: 30%;
}

#ProductYuyueServerListView .slist .item a {
	display: block;
	background: #fff;
	border-radius: .5em;
	padding: 1em 0;
	text-align: center;
	width: 100%;
	border: solid 3px #eee;
	color: #414141;
}

#ProductYuyueServerListView .slist .item a:hover {
	display: block;
	background: #fff;
	border-radius: .5em;
	padding: 1em 0;
	text-align: center;
	width: 100%;
	border: solid 3px #FF776F;
	color: #414141;
}

#ProductYuyueServerListView .slist .item a b {
	display: block;
}

#ProductYuyueServerListView .slist .item a i {
	display: block;
	color: #FE4C6C;
	padding-top: .5em;
	font-style: normal;
}

#ProductYuyueServerListView .slist .item a i em {
	color: #a7a7a7;
	font-size: .8em;
	font-style: normal;
}

#ProductYuyueServerListView .slist .items {
	margin: 2em 1em .5em 0;
	float: left;
	width: 30%;
}

#ProductYuyueServerListView .slist .items a {
	display: block;
	background: #fff;
	border-radius: .5em;
	padding: 1em 0;
	text-align: center;
	width: 100%;
	border: solid 3px #eee;
	color: #414141;
}

#ProductYuyueServerListView .slist .items a:hover {
	display: block;
	background: #fff;
	border-radius: .5em;
	padding: 1em 0;
	text-align: center;
	width: 100%;
	border: solid 3px #FF776F;
	color: #414141;
}

#ProductYuyueServerListView .slist .items a b {
	display: block;
}

#ProductYuyueServerListView .slist .items a i {
	display: block;
	color: #FE4C6C;
	padding-top: .5em;
	font-style: normal;
}

#ProductYuyueServerListView .slist .items a i em {
	color: #a7a7a7;
	font-size: .8em;
	font-style: normal;
}

#packageserverview .slist .no {
	display: block;
	padding: 5em 0;
	text-align: center;
	color: #a7a7a7;
	font-size: .8em;
}

#packageserverview .slist .load {
	display: block;
	padding: 1.5em 0;
	text-align: center;
	color: #a7a7a7;
	font-size: .8em;
}

#packageserverview .slist .load img {
	margin-right: .5em;
	position: relative;
	top: .2em;
}

#packageserverview .slist .info {
	color: #f30;
	font-size: .7em;
	padding: .8em 0;
	text-align: right;
}

#packageserverview .slist .info b {
	font-size: 1.2em;
	padding: 0 .2em;
}

.allmasks {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 100%;
	background: #000;
	filter: Alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	z-index: 180;
}

.allmasks2 {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 100%;
	background: #000;
	filter: Alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	z-index: 220;
}

.allmasks3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: Alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	z-index: 220;
}
